<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content=">Fit Pro Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
    <!-- Custom Theme files -->
    <link href="css/style.css" rel='stylesheet' type='text/css' />
    <script src="js/jquery.min.js"> </script>
    <!--webfonts-->
    <link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700|Orbitron:400,500,700,900' rel='stylesheet' type='text/css'>
    <!--//webfonts-->
    <!--Animation-->
    <script src="js/wow.min.js"></script>
    <link href="css/animate.css" rel='stylesheet' type='text/css' />
    <script>
        new WOW().init();
    </script>
</head>
<body>
<!----- start-header---->

<div class="banner" id="home">
    <div class="header-bottom">
        <div class="fixed-header">
            <div class="container" style="margin-top:-15px;">
                <div class="logo">
                    <a href="index.html"><img src="images/logo.png" alt=""/></a>
                </div>
                <span class="menu"> </span>
                <div class="top-menu">
                    <nav class="navigation">
                        <ul class="cl-effect-16" style="margin-top:15px">
                            <li><a class="active" href="index.html">Home</a></li>
                            <li><a href="trainers.html">TF教练</a></li>
                            <li><a href="events.html">运动项目</a></li>
                            <li><a href="blog.html">TF详情</a></li>
                            <li><a href="login.html">登录TF</a></li>
                            <ul>
                    </nav>
                </div>
                <!-- script for menu -->
                <script>
                    $( "span.menu" ).click(function() {
                        $( ".top-menu" ).slideToggle( "slow", function() {
                            // Animation complete.
                        });
                    });
                </script>
                <!-- script for menu -->
                <script>
                    $(document).ready(function() {
                        var navoffeset=$(".header-bottom").offset().top;
                        $(window).scroll(function(){
                            var scrollpos=$(window).scrollTop();
                            if(scrollpos >=navoffeset){
                                $(".header-bottom").addClass("fixed");
                            }else{
                                $(".header-bottom").removeClass("fixed");
                            }
                        });
                    });
                </script>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>

</div>
<link rel="stylesheet" type="text/css" href="css/component.css" />
<script src="js/modernizr.custom.js"></script>
<script src="js/jquery.cbpFWSlider.min.js"></script>
<script>
    $( function() {
        /*
         - how to call the plugin:
         $( selector ).cbpFWSlider( [options] );
         - options:
         {
         // default transition speed (ms)
         speed : 500,
         // default transition easing
         easing : 'ease'
         }
         - destroy:
         $( selector ).cbpFWSlider( 'destroy' );
         */
        $( '#cbp-fwslider' ).cbpFWSlider();
    } );
</script>
<div class="banner-top">
    <div class="img-bantop">
        <img  src="images/banner.jpg"  alt=""/>
    </div>
</div>
<!--start-slide-bottom-->
<div class="banner-bottom wow bounceIn animated" data-wow-delay="0.4s">
    <div class="container">
        <h2>关于TF</h2>
        <p style="font-family:'微软雅黑'">Trainer Fitness 是香港启康创建集团（Fitness Concept Ltd）投资并从事康体事业发展的商业品牌。启康具有20多年从事康体及休闲设备业务经验。2000年，启康以Mega Fitness Ltd名义在中国上海注册成立“Trainer Fitness健身中心有限公司"，并经国家商标总局批准注册商标，从事大型会员制健身会所及康体俱乐部的投资、经营和管理。</p>
        <p>
            上海金桥Trainer Fitness俱乐部坐落在上海浦东金桥碧云社区，建筑面积12000平方米，2003年7月正式开业，目前具有各类会员5000人，半数以上会员来自中国以外30多个国家和地区。2007年，该俱乐部被国家体育总局和中国认证认可监督委员会授权的北京华安联合认证中心评定为5星级体育服务健身场馆。
            该俱乐部提供健身、游泳、篮球、网球、壁球、羽毛球、SPA等各类运动及休闲服务，是目前全国最大的商业性综合运动健身场馆之一。</p>
    </div>
</div>
<!--tainers-section-->
<div class="tainers-section">
    <div class="container">
        <!--sreen-gallery-cursual-->
        <div class="col-md-3 tainer wow bounceInLeft" data-wow-delay="0.4s">
            <h3>TF</h3>
            <h3>教练</h3>
            <p>欢迎来试听我们的课程</p>
        </div>
        <div class="col-md-9 sreen-gallery-cursual wow bounceInRight" data-wow-delay="0.4s">
            <!-- start content_slider -->
            <div id="owl-demo" class="owl-carousel">
                <div class="item">
                    <div class="item-grid">
                        <div class="item-pic">
                            <img src="images/t1.jpg" />
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="item-grid">
                        <div class="item-pic">
                            <img src="images/t2.jpg" />
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="item-grid">
                        <div class="item-pic">
                            <img src="images/t3.jpg" />
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="item-grid">
                        <div class="item-pic">
                            <img src="images/t1.jpg" />
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="item-grid">
                        <div class="item-pic">
                            <img src="images/t2.jpg" />
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="item-grid">
                        <div class="item-pic">
                            <img src="images/t3.jpg" />
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="item-grid">
                        <div class="item-pic">
                            <img src="images/t1.jpg" />
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="item-grid">
                        <div class="item-pic">
                            <img src="images/t2.jpg" />
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="item-grid">
                        <div class="item-pic">
                            <img src="images/t3.jpg" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
        <!--//sreen-gallery-cursual-->
    </div>
</div>
<!-- requried-jsfiles-for owl -->
<link href="css/owl.carousel.css" rel="stylesheet">
<script src="js/owl.carousel.js"></script>
<script>
    $(document).ready(function() {
        $("#owl-demo").owlCarousel({
            items :3,
            lazyLoad : true,
            autoPlay : true,
            navigation :true,
            navigationText :  false,
            pagination : false,
        });
    });
</script>
<!-- //requried-jsfiles-for owl -->
<!-- //End-team-->
<!--classes-->
<div class="about-section">
    <div class="container">
        <h3  style="color:#EFAB01;">关于健身</h3>
        <div class="about-content wow bounceIn animated" data-wow-delay="0.4s">
            <div class="col-md-5 about-top">
                <img src="images/ab.jpg" class="img-responsive" alt=""/>
            </div>
            <div class="col-md-7 about-text">
                <h4 class="col-md-3 f-logo">F</h4>
                <p class="col-md-9 ab">健身是一种体育项目，如各种徒手健美操、韵律操、形体操以及各种自抗力动作，体操可以增强力量、柔韧性，增加耐力，提高协调，控制身体各部分的能力，从而使身体强健。如果要达到缓解压力的目的，至少一周锻炼3次。</p>
                <div class="clearfix"></div>
                <p class="para wow fadeInDownBig animated animated" data-wow-delay="0.4s">游泳、快走、慢跑、骑自行车，及一切有氧运动都能锻炼心脏。有氧运动好处多：能锻炼心肺、增强循环系统功能、燃烧脂肪、加大肺活量、降低血压，甚至能预防糖尿病，减少心脏病的发生。</p>
            </div>
            <p>美国运动医学院建议，想知道有氧运动强度是否合适，可在运动后测试心率，以达到最高心率的60%—90%为宜。如果想通过有氧运动来减肥，可以选择低度到中度的运动强度，同时延长运动时间，这种方法消耗的热量更多。运动频率每周3—5次，每次20—60分钟。想要锻炼肌肉，可以练举重、做体操以及其他重复伸、屈肌肉的运动。 </p>
            <br/>
            <p>  肌肉锻炼可以燃烧热量、增强骨密度、减少受伤，尤其是关节受伤的几率，还能预防骨质疏松。在做举重运动前，先测一下，如果连续举8次你最多能举多重的东西，就从这个重量开始练习。当你可以连续12次举起这个重量时，试试增加5%的重量。注意每次练习时，要连续举8—12次，这样可以达到肌肉最大耐力的70%—80%，锻炼效果较好。</p>
            <p>每周2—3次，但要避免连续两天锻炼同一组肌肉群， 以便让肌肉有充分的恢复时间。</p>
            <div class="clearfix"></div>
        </div>
    </div>
</div>

<!-- content-section-starts -->
<div class="contact">
    <div class="container" >
        <div class="contact-form">

            <h2 style="color:#EFAB01;">联系 我们</h2>

            <form class="left_form wow bounceInLeft" data-wow-delay="0.4s">
                <div>
                    <span><label>名字：</label></span>
                    <span><input name="userName" type="text" class="textbox"></span>
                </div>
                <div>
                    <span><label>邮箱：</label></span>
                    <span><input name="userEmail" type="text" class="textbox"></span>
                </div>
                <div>
                    <span><label>传真：</label></span>
                    <span><input name="userPhone" type="text" class="textbox"></span>
                </div>
            </form>
            <form class="right_form wow bounceInRight" data-wow-delay="0.4s">
                <div>
                    <span><label>内容：</label></span>
                    <span><textarea name="userMsg"> </textarea></span>
                </div>
                <div>
                    <span><input type="submit" value="提交" class="myButton"></span>
                </div>
            </form>
            <div class="clearfix"></div>
        </div>
        <!-- <div class="content_bottompart">
           <div class="col-md-4 company_address">
               <h3>Location</h3>
                      <p>500 Lorem Ipsum Dolor Sit,</p>
                         <p>22-56-2-9 Sit Amet, Lorem,</p>
                         <p>USA</p>
                 <p>Phone:(00) 222 666 444</p>
                 <p>Fax: (000) 000 00 00 0</p>
                <p>Email: <span><a href="mailto:example@email.com">info(at)example.com</a></span></p>
                 <p>Follow on: <span><a href="#">Facebook</a></span>, <span><a href="#">Twitter</a></span></p>
           </div>
             <div class="col-md-8 contact_info">
               <h3>Find Us Here</h3>
                    <div class="map">
                             <iframe width="100%" height="185" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.in/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Lighthouse+Point,+FL,+United+States&amp;aq=4&amp;oq=light&amp;sll=26.275636,-80.087265&amp;sspn=0.04941,0.104628&amp;ie=UTF8&amp;hq=&amp;hnear=Lighthouse+Point,+Broward,+Florida,+United+States&amp;t=m&amp;z=14&amp;ll=26.275636,-80.087265&amp;output=embed"></iframe><br><small><a href="https://maps.google.co.in/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Lighthouse+Point,+FL,+United+States&amp;aq=4&amp;oq=light&amp;sll=26.275636,-80.087265&amp;sspn=0.04941,0.104628&amp;ie=UTF8&amp;hq=&amp;hnear=Lighthouse+Point,+Broward,+Florida,+United+States&amp;t=m&amp;z=14&amp;ll=26.275636,-80.087265" style="color:#8C8061;text-align:left;font-size:1em">View Larger Map</a></small>
                    </div>
                 </div>
            <div class="clearfix"></div>
      </div> -->
    </div>
</div>
<!--start-new-->

<!--
<div class="new-section">
   <div class="container">
         <h3>Our news</h3>
         <div class="new">
           <div class="col-md-6 new-text wow rollIn animated" data-wow-delay="0.4s">
               <h5>THU 14 May, 2015</h5>
               <a href="single.html"><h4>How to lose fat fast</h4></a>
               <p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
           </div>
            <div class="col-md-6 welcome-img">
             <a href="single.html" class="mask"><img src="images/n1.jpg" alt="image" class="img-responsive zoom-img"></a>
            </div>
           <div class="clearfix"> </div>
       </div>
        <div class="new">
         <div class="col-md-6 new-text two wow rollIn animated" data-wow-delay="0.4s">
               <h5>THU 14 May, 2015</h5>
              <a href="single.html"><h4>Build your six pack</h4></a>
                                   <p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
           </div>
            <div class="col-md-6 new-img two">
             <a href="single.html" class="mask"><img src="images/n3.jpg" alt="image" class="img-responsive zoom-img"></a>
            </div>
           <div class="clearfix"> </div>
       </div>
        <div class="new">
           <div class="col-md-6 new-text wow rollIn animated" data-wow-delay="0.4s">
               <h5>THU 14 May, 2015</h5>
               <a href="single.html"><h4>How to lose fat fast</h4></a>
               <p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
           </div>
            <div class="col-md-6 welcome-img">
             <a href="single.html" class="mask"><img src="images/n2.jpg" alt="image" class="img-responsive zoom-img"></a>
            </div>
           <div class="clearfix"> </div>
       </div>
</div>
</div>
-->
<!--footer-->
<div class="footer">
    <div class="container">
        <div class="f-grids">
            <div class="col-md-4 footer-grid wow fadeInUpBig animated animated" data-wow-delay="0.4s">
                <h3>线下<span class="opening">健身地点</span></h3>

                <p class="month">陕西省西安市</p>
                <br/>
                <p class="month">各分店地址：</p>
                <br/>
                <a href="https://map.baidu.com/?q=西安市未央区西城馨苑3楼" method="post" target="_blank"><h5>西安市未央区西城馨苑3楼</h5></a>
                <a href="https://map.baidu.com/?q=西安市雁塔区青松路46号" method="post" target="_blank"><h5>西安市雁塔区青松路46号</h5></a>


                <a href="https://map.baidu.com/?q=西安市莲湖区汉城南路100号华东·万锦城购物中心F5" target="_blank"><h5>莲湖区万锦城购物中心F5</h5></a>
                <a href="https://map.baidu.com/?q=公园南路和西影路十字向西150米路北盛世芳洲金座大厦2楼" target="_blank"><h5>公园南路十字盛世芳洲金座大厦2楼</h5></a>

                <a href="https://map.baidu.com/?q=凤城九路与文景路十字向西200米建设银行4楼" method="post" target="_blank"><h5>凤城九路与文景路十字建设银行4楼</h5></a>

            </div>
            <div class="col-md-4 footer-grid wow fadeInUpBig animated animated" data-wow-delay="0.3s">
                <div class="opening_hours">
                    <ul class="times">
                        <h3>开放<span class="opening">时间</span></h3>
                        <li><i class="calender"> </i><span class="week">星期一</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
                        <li><i class="calender"> </i><span class="week">星期二</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
                        <li><i class="calender"> </i><span class="week">星期三</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
                        <li><i class="calender"> </i><span class="week">星期四</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
                        <li><i class="calender"> </i><span class="week">星期五</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
                        <li><i class="calender"> </i><span class="week">星期六</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
                        <li><i class="calender"> </i><span class="week">星期天</span><div class="hours">Closed</div>  <div class="clearfix"></div></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-4 footer-grid wow fadeInUpBig animated animated" data-wow-delay="0.2s">
                <h3>联系<span class="opening">方式</span></h3>
                <ul class="address">
                    <li >中天国际大厦A座9层,莲湖区,陕西省西安市</li>

                    <li >029 456 23456</li>

                    <li ><a class="mail" href="mailto:info@example.com">tfjianshen@tf.com</a></li>
                </ul>
                <div class="support">
                    <input type="text" class="text" value="Enter email... " onFocus="this.value = '';" onBlur="if (this.value == 'Enter email...') {this.value = 'Enter email...';}">
                    <input type="submit" value="SUBMIT" class="botton">
                    <p>如果您有疑问，可以打电话或发送邮件与我们联系 .</p>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="copy">
            <p>Copyright &copy; 2018.Company name All rights reserved.</p>
        </div>
    </div>
</div>
<!--start-smoth-scrolling-->
<script type="text/javascript">
    jQuery(document).ready(function($) {
        $(".scroll").click(function(event){
            event.preventDefault();
            $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
        });
    });
</script>
<!--start-smoth-scrolling-->
<script type="text/javascript">
    $(document).ready(function() {
        /*
         var defaults = {
         containerID: 'toTop', // fading element id
         containerHoverID: 'toTopHover', // fading element hover id
         scrollSpeed: 1200,
         easingType: 'linear'
         };
         */
        $().UItoTop({ easingType: 'easeOutQuart' });
    });
</script>
<a href="#home" id="toTop" class="scroll" style="display: block;">

    <span id="toTopHover" style="opacity: 1;"> </span></a>
</body>
</html>

